@charset "utf-8";
/* CSS Document */


*{ padding:0; margin:0;}
a{ text-decoration:none;}
img{ border:none;}
ul,ul li{ list-style:none;}
body{ padding-bottom:0px;font-family:'microsoft yahei'; background-color: #FFFFFF;}
.top_head{width:100%; height:70px; background:#000;}
h1{ background:url(../images/main_logo_02.png) no-repeat center center; width:186px; height:44px; margin-left:20px; float:left;}
.nav{ float:left;}
.nav li{ float:left;}

.nav li{ float:left;padding:0 10px;}
.nav li a.home-icon{background: url("../images/home.png") 17px center no-repeat ;}
.nav li a.service-icon{background: url("../images/service.png") 17px center no-repeat ;}
.nav li a.user-icon{background: url("../images/user.png") 17px center no-repeat ;}
.nav li a.ctrl-icon{background: url("../images/func.png") 17px center no-repeat ;}
.nav li a.bbs-icon{background: url("../images/dialog.png") 17px center no-repeat ;}
.nav li a.help-icon{background: url("../images/set.png") 17px center no-repeat ;}

.nav li a{ display:block;font-size:16px; padding:0 25px 0 50px;}
.nav li.on a{}
.footer{ height:44px; width:100%; position:fixed; bottom:0; left:0; background:#20b1c3; font-size:16px; line-height:44px;color:#8c8c8c;}
.footer a{ color:#8c8c8c; float:right; margin-right:22px;}

.cbody{ position:relative; width:100%;position:relative; overflow:hidden;}
.body{ position:relative; width:100%;position:relative;background-color: #15345b;}
.wrap{ width:100%; height:500%; position:absolute; left:0; top:0;}
.wrap>.section{ padding:0 25px; position:relative; background-repeat:no-repeat; overflow:hidden;}
/*.bg1{ background-color: #345ba3;}
.bg2{ background-color: #3f800b;}
.bg3{ background-color: #7a480d;}
.bg4{ background-color: #48525f;}
.bg5{ background-color: #650e68;}*/

.page_head{ width:100%; height:60px; position:relative; float:left; left:0; top:-60px;background:#1a3d67;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFd64d51,endColorstr=#BFd64d51);  }
.chart_section{ width:100%; padding-bottom:10px; padding-top:10px;  position:relative;}
.chart_section_head{ border-bottom:3px solid #6e8abd; height:52px;}
.chart_section_head h4{ font-size:28px; color:#fefefe; font-family:'microsoft yahei'; line-height:58px; font-weight:500; float:left; width:270px; text-indent:15px;}
.chart_section_body{ height:180px;}
.target_select{ height:32px; margin-top:10px; display:block; float:left;}
.target_select a{ font-size:16px; line-height:32px; display:inline-block; padding:0 15px; color:#fefefe;}
.target_select .current{ background:#1288ed;}
.graphs_instruction{ height:32px; margin-top:10px; font-size:14px; display:block; float:right;}
.graphs_instruction span{ line-height:32px;display:inline-block; margin-right:30px; padding-left:30px; position:relative; color:#fefefe;}
.graphs_instruction .graphs_color{ width:20px; height:3px; display:inline-block; position:absolute; left:0; top:15px;}
.graphs_color_1{ background:#1288ed;}
.graphs_color_2{ background:#2ebc41;}
.graphs_color_3{ background:#1288ed;}

.sylText{ line-height:60px; font-size:18px; color:#fff; height:60px; display:block; float:left; margin-left:80px;}
.sylVal{  display:block; float:left; font-size:32px; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#fff001; line-height:60px; width:100px;}


.clock{ float:left; height:44px; line-height:44px; background:url(../images/clock_icon.png) no-repeat left center; padding-left:50px; margin-left:25px;}
.clock span{ display:inline-block; background:url(../images/timer_counter_bg.png) no-repeat center center; width:34px; height:29px; position:relative; top:2px; line-height:29px; font-size:20px; color:#121212; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:700; margin:0 5px;}

.aside{ position:fixed; width:130px; top:50%; margin-top:-100px; right:0;}
.aside li{ margin-top:1px;}
.aside li a{ display:block; line-height:48px; background:url(../images/bg_dot_thirdmenu.png) repeat; text-align:center; font-size:16px; color:#fff;}
.aside li.on a{ color:#f8e11f;}

.chart_tab_body .pane{ width:100%; height:100%; display:none;}

li.time-show {
vertical-align: middle; }

            
.time-top{
	 text-align: right;
	 margin-top: -70px;
	 float: right;
}




